<template>
  <view class="flex-col page">
    <view class="flex-col group_1" v-if="article.length>0">
      <text class="text_1">
        <u-parse :content="article"></u-parse>
      </text>
    </view>
	<view v-else>
		<u-empty mode="data" width="300" heigth="200"  marginTop="50%" icon="http://cdn.uviewui.com/uview/empty/data.png">
		</u-empty>
	</view>
  </view>
</template>

<script>
  export default {
    components: {},
    data() {
      return {
		  article:'',
		  articleTitle:'',
		  identification:3
	  };
    },
	created() {
		this.getIdentification();
	},
    methods: {
		getIdentification(identification){
			this.$http('privacy',{identification:this.identification}).then(r => {
				// console.log(r);
				if (r.code == 200) {
				  this.article=r.data.articleContent;
				  this.articleTitle=r.data.articleTitle;
				  uni.setNavigationBarTitle({
				  	title: this.articleTitle
				  });
				  
				}
			})
		}
	},
  };
</script>

<style scoped lang="scss">
  .page {
    background-color: #ffffffff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
  .group_1 {
    padding: 27rpx 32rpx 111rpx;
    flex: 1 1 auto;
    overflow-y: auto;
  }
  .text_1 {
    color: #333333;
    font-size: 30rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 35rpx;
    text-align: left;
  }
  .text_2 {
    margin-top: 181rpx;
    color: #333333;
    font-size: 30rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 35rpx;
    text-align: left;
  }
</style>